<template>
	<view>
		<view class="nav">
			<uni-icons type="arrowleft" @click="go2"></uni-icons>登录
		</view>
		<view class="container">
			<view class="logo">
				<!-- <image src="../../static/icons/logoo.png"></image> -->
				<image class="image" src="../../static/logoo.png" mode="widthFix"></image>
			</view>
			<view class="d3">
				<view class="text"><text>养花大全</text></view>
				<view class="text1"><text>养花人的圈子</text></view>
			</view>
			<view class="d4">
				<button class="but">
					<!-- <view class="first">
						<image src="../../static/icons/wei.png"></image>
						<view class="mes">微信登录</view>
					</view> -->
					<image src="../../static/wei.png"></image>
					<!-- 微信登录 -->
					<text class="mes">微信登录</text>
				</button>
				<button class="but">手机号登录</button>
			</view>
			<view class="paper1">
				<text class="aa1">我是网站老用户，想用</text><text class="aa2" @click="go">账号密码登录</text>
			</view>
			<view class="paper1">
				<text class="aa1">我是管理员，想用</text><text class="aa2" @click="go1">账号密码登录</text>
			</view>
			<view class="paper2">
				<text class="bb1">登录即视为同意</text><text class="bb2">用户服务协议</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			go() {
				uni.navigateTo({
					url: '/pages/mine/login2'
				})
			},
			go2() {
				uni.navigateTo({
					url: '/pages/mine/mine'
				})
			},
			go1() {
				uni.navigateTo({
					url: '/pages/backend/login'
				})
			},

		}
	}
</script>

<style>
	.nav {
		margin-top: 10%;
		font-family: YouYuan;
	}

	/* * {
		width: 500px;
		height: 300px;
		display: table-cell;
		text-align: center;
		vertical-align: middle;
	} */

	.image {
		padding-left: 38%;
		/* padding-top: 30%; */
		max-width: 230rpx;
		text-align: center;
	}

	.d3 {
		height: 200rpx;
	}

	.d4 {
		margin-top: 10%;
	}

	.text {
		background-color: blue;
		text-align: center;
		margin: 0 auto;
		width: 95%;
		height: 60rpx;
		background-color: white;
		margin-top: 2%;
		margin-left: 4%;
		font-size: 70rpx;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}

	.text1 {
		background-color: blue;
		text-align: center;
		margin: 0 auto;
		width: 95%;
		height: 60rpx;
		background-color: white;
		margin-top: 2%;
		margin-left: 4%;
		font-size: 50rpx;
		color: #c0c0c0;
		font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
	}

	/* #41c20c */
	/* .but{
	
	margin-top: 15rpx;
	text-align: center;
	line-height: 86rpx;
	width: 600rpx;
	height: 86rpx;
	border-radius: 30px;
	background-color: #41c20c;
	color: white;
	font-size: 14px;
	display: flex;
} */
	.but {
		/* margin-top: 20%; */
		margin-top: 40rpx;
		/* text-align: center; */
		line-height: 86rpx;
		width: 600rpx;
		height: 86rpx;
		border-radius: 30px;
		background-color: #41c20c;
		color: white;
		font-size: 14px;
		/* display: flex; */
	}

	.but mes {
		padding-top: 50%;
		text-align: center;
		font-family: YouYuan;
	}

	.but image {
		width: 75rpx;
		height: 74rpx;
	}

	.paper1 {
		text-align: center;
		font-family: STXihei;
		font-weight: 200;
		margin-top: 7%;
	}

	.aa1 {
		font-size: 10px;
	}

	.aa2 {
		font-size: 10px;
		text-decoration: underline;
	}

	.paper2 {
		margin-left: 30%;
		text-align: center;
		font-family: STXihei;
		position: absolute;
		bottom: 20rpx;
	}

	.bb1 {
		font-size: 10px;
		color: #c0c0c0;
	}

	.bb2 {
		color: #41c20c;
		font-size: 10px;
		text-decoration: underline;
	}
</style>
